<template>
	<view style="display: flex;justify-content: space-between;flex-direction: column;align-items: center;height:calc(100vh - var(--window-bottom) - var(--window-top));">
		<view style="background-color: aqua;height: 100%;width: 500px;display: flex;justify-content: center;flex-direction: column;align-items: center;padding: 10px">

			<view style="background-color: aliceblue;border-style: dashed;width: 500px; ">
				<view style="padding: 10px;text-align: center;background-color: aquamarine;">
					页面
				</view>
				<view>
					<button v-for="(item,idx) in list" @click="goPage(item,idx)">{{item.label}} </button>
				</view>
			</view>
		</view>
	</view>
</template>
<script>
	export default {
		data() {
			return {
				list: [{
					label: "调试页",
					page: '/pages/test/test'
				},{
					label: "调试页2",
					page: '/pages/chat2/chat'
				}, {
					label: "登录",
					page: '/pages/login/index'
				}, {
					label: "用户列表",
					page: '/pages/user/user'
				}, {
					label: "消息",
					page: '/pages/message/index'
				}, {
					label: "聊天",
					page: '/pages/chat/chat'
				}]
			}
		},
		onLoad() {


		},
		methods: {
			goPage(item) {
				uni.navigateTo({
					url: item.page
				})
			}
		}
	}
</script>
<style>

</style>